$(function () {

    //弹层对象
    var layer = layui.layer;
    //1.注册页面切换
    $("#link_reg").on("click", function () {
        // 注册界面显示
        $(".reg-box").show()
        //登录界面隐藏
        $(".login-box").hide()
    })

    //登录页面切换
    $("#link_login").on("click", function () {
        // 注册界面隐藏
        $(".reg-box").hide()
        // 登录界面显示
        $(".login-box").show()
    })

    /*** 2.自定义表单校验规则***/
    var form = layui.form;
    form.verify({
        // pwd规则名
        pwd: [
            /^[\S]{6,12}$/,
            '密码必须是6-12位非空字符'
        ],
        repwd: function (value, item) {
            //value 使用此规则的表单项的值(确认密码框的值)
            //item  使用此规则的表单项元素对象
            if (value != $("#form_reg [name=password]").val()) {
                return "两次密码不一致"
            }
        }
    })

    /********3.注册用户******/
    $("#form_reg").on("submit", function (e) {
        //阻止默认行为
        e.preventDefault()
        // 收集表单数据
        var username = $("#form_reg [name=username]").val().trim()
        var password = $("#form_reg [name=password]").val().trim()

        // 调用接口
        $.ajax({
            url: '/api/reguser',
            method: 'post',
            data: {
                username,
                password
            },
            success: function (res) {
                console.log(res);
                //判断	请求是否成功
                if (res.status != 0) {
                    return layer.msg(res.message, { icon: 5 })
                }
                // alert("注册成功")
                layer.msg("注册成功", { icon: 6 }, function () {
                    //显示登录表单(触发去登录的单击事件)
                    $("#link_login").click();
                })
            }

        })
    })

    /** 4.登录 **/
    $("#form_login").on("submit", function (e) {
        //阻止默认行为
        e.preventDefault();

        //收集表单数据
        var data = $(this).serialize()
        // console.log(data);
        // 调接口
        $.ajax({
            url: '/api/login',
            method: 'post',
            data: data,
            success: function (res) {
                console.log(res);
                //判断是否成功
                if (res.status != 0) {
                    return layer.msg(res.message, { icon: 5 })
                }
                layer.msg("登录成功", { icon: 6 }, function () {
                    //保存到token本地存储中
                    localStorage.setItem("token", res.token)
                    //跳转到后台页面
                    location.href = '/index.html'
                })
            }
        })
    })
})